<template>
  <div class="app-log-container">
    <el-tabs v-model="editableTabsValue" type="card">
      <el-tab-pane label="登录日志" name="1">
        <logininfor></logininfor>
      </el-tab-pane>
      <el-tab-pane label="操作日志" name="2">
        <operlog></operlog>
      </el-tab-pane>
      <el-tab-pane label="通道投退日志" name="3">
        <channellog></channellog>
      </el-tab-pane>
      <el-tab-pane label="考核数据重算日志" name="4">
        <dataRecalcullog></dataRecalcullog>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import logininfor from "@/views/monitor/log/logininfor.vue"
import operlog from "@/views/monitor/log/operlog.vue"
import channellog from "@/views/monitor/log/channellog.vue"
import dataRecalcullog from "@/views/monitor/log/dataRecalcullog.vue"
export default {
  name: "log",
  components: { logininfor, operlog, channellog, dataRecalcullog },
  data() {
    return {
      editableTabsValue: '1',
    };
  },
  created() {
  },
  methods: {

  }
};
</script>
<style scoped>
.app-log-container{
  height: calc(100vh - 130px);
}
.el-tab-pane{
  height: 100%;
}
.el-tabs--card{
  height: 100%;
}
::v-deep .el-tabs__content {
  height: calc(100% - 57px);
}
</style>
